以下是关于前端研发流程优化的大纲笔记：
1. 前端研发流程优化的核心目标
- 提升研发效率
- 提升产品质量
- 提高用户访问性能
2. 大厂的研发流程总览
- 阶段划分：
- 项目创建
- 项目开发
- 项目测试
- 项目发布
3. 项目创建阶段
- 创建方式：
- 脚手架创建：命令行交互，调用项目模板库。
- 研发平台创建：通过浏览器界面进行交互。
- 模板库：根据团队需求选择不同模板（如移动端、PC端、微前端等）。
- 技术栈统一：例如，统一 Vue、React 等脚手架生成工程，提升项目创建效率。
4. 项目开发阶段
- 统一技术规范：编码规范、Git规范等。
- 前端研发模式：
- 源码开发：传统方式，通过编写代码实现前端项目。
- 低代码开发：通过代码+拖拽方式搭建项目，适用于部分核心功能。
- 无代码开发：如慕课乐高，仅限于构建简单页面，无法实现复杂逻辑。
- 物料中心：
- 业务组件：封装特定业务需求的组件，如表单项、对话框等。
- 技术组件：基础组件，如按钮、输入框等。
- 区块与模板：区块是可运行的代码片段，模板是多个区块组合的完整页面。
5. 前端监控
- 监控需求：
- 前端打点：上报页面PV日志，自定义打点。
- 埋点数据管理：处理复杂的埋点数据，进行统计和报表生成。
- 前端大数据日志管理：收集、清洗数据后进行流量分析。
- 数据可视化：通过前端监控平台展示分析结果。
6. 项目测试
- 单元测试：使用自动化测试工具进行前端代码的单元测试。
- 性能测试：使用浏览器自带的 performance 工具，或通过监控平台运行性能测试脚本，分析页面加载时间等。
7. 项目发布阶段
- 自动化发布：
- Git Flow规范：提交、合并代码的标准流程。
- 自动化检查：对代码进行自动化检查（如检查是否采用HTTPS）。
- 发布机：远程构建和发布，减少本地发布的时间，提升效率。
8. 总结
- 在研发过程中，各个环节都注重效率提升和质量控制，尤其是项目创建、开发过程的规范化，以及前端监控与性能测试的实施。
- 大厂的研发流程包括从项目创建、开发、测试到发布的完整解决方案，可以根据团队规模与需求借鉴优化。